<template>
	<view>
		<!--主体-->
		<view class="meMain">
			<view class="mePosition">
				<view class="meMainBox">

					<!--其他-->
		<!-- 			<view class="meOverBg"> 
						
						<view class="businessList">
							<view class="businessListTxt">① 请在淘宝物流信息显示签收后，再去淘宝确认收货</view><br>
						</view>
						
						<view class="businessList">
							<view class="businessListTxt">② 请严格按照商家的要求进行评价</view><br>
						</view>
						

						<view class="businessList">
							<view class="businessListTxt">③ 好评文字</view><br>
							<view class="businessListTxt" style="color: #d1d1d1;">还不错，孩子比较喜欢</view>
						</view>
					</view> -->
					<!--其他-->		
					
					
					<!--订单-->
			<!-- 			<view class="meOverBg" style="padding: 15px 10px;">
						<view class="meVisitorTitle">好评图片</view>	
						<view class="meVisitor">
						<view class="meOrderLt">
						<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon2.png"></image></view>
					
						</view>
						
						<view class="meOrderLt">
						<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon3.png"></image></view>
					
						</view>
							
							
						<view class="meOrderLt">
						<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon4.png"></image></view>
					
						</view>
						</view>
						</view> -->
						<!--订单-->
					
					
					<!--订单-->
						<view class="meOverBg" style="padding: 15px 10px;">
								<view class="meVisitorTitle">进入宝贝截图</view>	
						<view class="meVisitor">
						<view class="meOrderLt">
						<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
						<view class="meOrderTxt_02">搜索截图</view>
						</view>
							
						</view>
						</view>
						<!--订单-->
						
						<!--订单-->
							<view class="meOverBg" style="padding: 15px 10px;">
									<view class="meVisitorTitle">完成以下操作</view>	
							<view class="meVisitor" style="display: flex;">
							<view class="meOrderLt">
							<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
							<view class="meOrderTxt_02">搜索店铺</view>
							</view>
								
								
							<view class="meOrderLt">
							<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
							<view class="meOrderTxt_02">浏览宝贝详情</view>
							</view>
							</view>
							</view>
							<!--订单-->
							
							<!--订单-->
								<view class="meOverBg" style="padding: 15px 10px;">
										<view class="meVisitorTitle">上传支付宝账单截图</view>	
								<view class="meVisitor">
								<view class="meOrderLt">
								<view class="meOrderTxt_01"><image src="../../static/icon/addImg.png"></image></view>
								<view class="meOrderTxt_02">支付宝账单截图</view>
								</view>
									

								</view>
								
								<view class="businessList">
											<view class="businessListTxt">支付宝订单号</view>
								<view class="businessListYou"><input style="font-size: 16px;" placeholder="请输入订单编号"/></view>
										</view>
										
										<view class="businessList">
													<view class="businessListTxt">实际垫付金额(含运费)</view>
										<view class="businessListYou"><input style="font-size: 16px;" placeholder="请按实际垫付金额输入"/></view>
												</view>
											<view class="businessListTxt" style="color: #d1d1d1;">(商品总价参考金额：29.9 实际付款金额不能超过商品总价+运费；领取的优惠价购买的，请按照实际金额填写)</view>	
											
									
								</view>
								<!--订单-->

				</view>
					  <button @click="submit">提交任务</button>	
			</view>
			
		</view>
		<!--主体-->
	    
 
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onNavigationBarButtonTap(e) {
			uni.navigateTo({
				url:"demo"
			})
		},
		onLoad() {

		},
		onShow() {



		},
		methods: {
         submit:function(e){
			 uni.navigateTo({
			 	url:"detail"
			 })
		 }

		}
	}
</script>

<style>
	page {
			background: #F5F5F5;
	}

	.meMain {
		width: 100%;
		position: relative;
	}

	.meMain>image {
		width: 100%;
		height: 220upx;
		display: block;
	}


	.mePosition {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.meHead {
		overflow: hidden;
		position: relative;
	}

	


	.meOverBg {
		background: #FFFFFF;
		overflow: hidden;
		margin-top: 30upx;
	}

	.meVisitor {
		flex-direction: row;
		justify-content: space-around;
	}

	.meVisitorLt {
		width: 50%;
		text-align: center;
		margin: 30upx 0;
		
	}


	.meVisitorTxt_01 {
		font-size: 28upx;
		color: #666666;
	}

	.meVisitorTxt_01 image {
		width: 35upx;
		height: 35upx;
		vertical-align: middle;
		margin: 0 10upx 4upx 0;
	}

	.meVisitorTxt_02 {
		font-size: 30upx;
		color: #3B7ED5;
	}

	.meVisitorTitle {
		font-size: 30upx;
		color: #333333;
		border-bottom: 1px #F5F5F5 solid;
		padding: 20upx 30upx;
	}

	.meOrderLt {
		width: 45%;
		text-align: center;
		padding: 10upx 0;
		transition: all 0.4s;
	}

	.meOrderLt:active {
		background: #E2E2E2;
	}


	.meOrderTxt_01 image {
		width: 180upx;
		height: 180upx;
		display: block;
		margin: 0 auto 6upx;
	}

	.meOrderTxt_02 {
		font-size: 28upx;
		color: #666666;
	}

	.businessList {
    overflow: hidden;
    padding: 16px 10px;
    border-bottom: 1px #F5F5F5 solid;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-bottom: 1px #e0dbdb solid;
	}

	.businessList:active {
		background: #E2E2E2;
	}

	.businessList:last-child {
		border-bottom: none;
	}

	.businessListTxt {
		float: left;
		font-size: 28upx;
		color: #333333;
	}

	.businessListTxt image {
		width: 35upx;
		height: 35upx;
		vertical-align: middle;
		margin: 0 10upx 4upx 0;
	}

	.businessListYou {
		float: left;
		font-size: 28upx;
		color: #333333;
		margin-left: 10px;
	}

	.businessListYou image {
		width: 20upx;
		height: 20upx;
		vertical-align: middle;
		margin: 0 0 4upx 10upx;
	}
	input{
		font-size: 13px;
	}
	
	button{
		width: 90%;
		color: white;
	   background: #FF8C00;
	   margin-top: 10px;
	   margin-bottom: 10px;
	}
</style>
